.body, body, html{ position: relative;height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden;}
.main{width:100%; height: 100%; position: relative; background: url(../images/bg-01.png) no-repeat center; background-size: 1920px auto;min-width: 1200px;}
.tophead{ width:100%; height: 60px;background-color: #cc373a; color: #fff; text-align: center; font-size: 24px;}
.tophead img{line-height: 60px;margin-right: 15px;padding-top: 10px;vertical-align: -10px;width: 38px;height: 38px;}

.footer{ font-size: 16px; color: #404040; font-family: "Arial"; position: absolute; bottom: 20px; left: 0; width:100%; text-align: center;}

.welcome{ text-align: center;}
.welcome p{ color: #fff; font-size: 30px; line-height: 34px;}
.welcome p span{display: inline-block;width: 64px; height: 3px; background-color: #cc373a;vertical-align: middle;}
.logoMain{ position: relative; width:100%;height:100%;}
.logoIn{width: 384px;height: 393px;padding: 80px 40px;box-shadow: 25px 42px 75px 5px rgba(67, 0, 0, 0.1);background: rgba(47,46,51,0.4);position: absolute;top: 50%;left:50%;margin-top: -305px;margin-left:118px; z-index: 4;}
.user{ padding: 50px 0;}
.userIn{ border-bottom: 1px solid #2a292e; padding: 20px 0 20px 30px; position: relative;}
.userIn i{ width:20px; height: 20px; display: block; position: absolute;}
.userIn i.userIcon{ background: url(../images/my.png) no-repeat; top:22px; left: 0;}
.userIn i.keyIcon{background: url(../images/password.png) no-repeat;top:22px; left: 0;}
.inText{ width: 100%; border:none;box-sizing: border-box; font-size: 14px; color: #d2d2d2; background:none;}
.inText:focus{border-color: #333;}
.logOn{width:384px; height: 50px; border-radius: 25px; background-color: #cc373a; text-align: center;}
.logOn a{ display: block; color: #fff; line-height: 50px;}
.logOn:hover{ background-color: #a72124;}

/* 弹出框 */
.black{background: rgba(0,0,0,.7); width: 100%; height:100%; position: fixed; left: 0px; top: 0px; bottom: 0; right: 0; z-index: 4;}
.syBox{position: fixed; left: 0; top: 0;z-index: 10; width: 100%;height: 100%;display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center;}
.dataDiv{min-height: 250px;  border-radius: 10px; background-color: #fff; margin: auto; overflow: hidden; position: relative; z-index: 9; }
.syTop{ font-size:20px; color: #333;padding: 15px 20px;  width: 500px; position: relative;}
.closeBtn{ width:20px; height: 20px; display: block; background: url(../images/colseIcon.png) no-repeat; cursor: pointer; position: absolute; right: 20px; top: 15px;}
.closeBtn:hover{background-position: 0 -20px;}
.syCont{border-top:1px solid #eee;border-bottom:1px solid #eee; padding: 30px 0;}
.ctName{font-size: 16px; color: #333; width:80px; text-align: right; margin-right: 10px; line-height: 32px;}
.ctInto{ border:1px solid #dddddd; border-radius: 5px; background-color: #fff; padding: 5px 5px; height: 22px;width:260px;}
.ctInto input{ width:100%; border:none; font-size: 14px;}
.mb20{ margin-bottom: 20px;}
.ctDiv{width:380px; margin: 0 auto;}
.btnBox{ text-align: right; padding: 15px 20px;}
.btnBox input{ font-size: 16px; border-radius: 5px; padding: 5px 15px;border:1px solid #ddd; color:#333; background-color: #fff; }
.btnBox input.sybtn{ background-color: #c13739; border:1px solid #c13739; color: #fff;}




